<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/cssreset.css" rel="stylesheet" type="text/css">
    <link href="css/head_botm_mode_first.css" rel="stylesheet" type="text/css">
    <link href="css/first_model.css" rel="stylesheet" type="text/css">
    <link href="css/lunbo.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.event.drag-1.5.min.js"></script>
    <script type="text/javascript" src="js/jquery.touchSlider.js"></script>
    <script type="text/javascript" src="js/menu_model_first.js"></script>
    <title>第一版产品列表</title>
</head>
<body>
<div class="first_model_container">
    <header class="hidden-xs">
        <a><img src="images/model/logo.png"><span class="f18">维沃柯</span></a>
        <h1 class="f18">全国客服电话 ：400-000-0000</h1>
    </header>
    <nav class="hidden-xs">
        <div class="nav_container">
            <ul class="nav_main">
                <li><a class="f16 wh">首页</a></li>
                <li class="act"><a class="f16 wh">产品列表</a></li>
                <li><a class="f16 wh">新闻动态</a></li>
                <li><a class="f16 wh">工程案例</a></li>
                <li><a class="f16 wh">关于我们</a>
                    <div class="contact_nav">
                        <a class="wh">联系我们</a>
                        <a class="wh">留言板</a>
                    </div>
                </li>
                <li><a class="f16 wh">管理</a></li>
            </ul>
        </div>
    </nav>
    <!-- banner-->
    <img src="images/model/pro_banner.jpg" class="hidden-xs img-responsive">
    <h1 class="pro_ti visible-xs">产品列表</h1>
    <div class="pro_list_box">
        <!-- 列表-->
        <div class="pro_list">
            <a class="pro"><img src="images/model/pro01.jpg"></a>
            <a class="pro"><img src="images/model/pro02.jpg"></a>
            <a class="pro"><img src="images/model/pro03.jpg"></a>
            <a class="pro"><img src="images/model/pro04.jpg"></a>
        </div>
        <div class="pro_list">
            <a class="pro"><img src="images/model/pro01.jpg"></a>
            <a class="pro"><img src="images/model/pro02.jpg"></a>
            <a class="pro"><img src="images/model/pro03.jpg"></a>
            <a class="pro"><img src="images/model/pro04.jpg"></a>
        </div>
        <div class="pro_list">
            <a class="pro"><img src="images/model/pro01.jpg"></a>
            <a class="pro"><img src="images/model/pro02.jpg"></a>
            <a class="pro"><img src="images/model/pro03.jpg"></a>
            <a class="pro"><img src="images/model/pro04.jpg"></a>
        </div>
        <div class="pro_list">
            <a class="pro"><img src="images/model/pro01.jpg"></a>
            <a class="pro"><img src="images/model/pro02.jpg"></a>
            <a class="pro"><img src="images/model/pro03.jpg"></a>
            <a class="pro"><img src="images/model/pro04.jpg"></a>
        </div>
    </div>
    <div class="visible-xs pro_page">
        <a class="f10">上一页</a>
        <span>1/2</span>
        <a class="f10 g3">下一页</a>
    </div>
    <footer>
        <p class="f18 g9 hidden-xs">地址/Add：XXX省XXX市XXX县XXX路XXX号</p>
        <p class="f18 g9 hidden-xs">电话/Tel：020-0000000 </p>
        <p class="f18 g9 hidden-xs">邮箱/Mail：contact@fkadjkhsf.com</p>
        <h2 class="f24 wh hidden-xs">全国客服电话 ：400-000-0000</h2>
        <p class="f18 g9 hidden-xs">Copyright © 2006-2017 ZCOOL站酷</p>
        <h3 class="f10 g9 visible-xs">2017 网站样板—建筑建材 版权所有</h3>
        <div class="fot_botm visible-xs">
            <a class="f10 g9">凡科建站 搭建</a>
            <a class="f10 g6">|&nbsp电脑版</a>
        </div>
    </footer>
</div>
<!--底部联系浮窗-->
<div class="float_box visible-xs">
    <a class="f_one">
        <img src="images/model/phone.png">
        <h2 class="wh">电话咨询</h2>
    </a>
    <a class="f_one">
        <img src="images/model/map.png">
        <h2 class="wh">在线地图</h2>
    </a>
    <a class="f_one">
        <img src="images/model/QQ.png">
        <h2 class="wh">QQ客服</h2>
    </a>
    <a class="f_one">
        <img src="images/model/message.png">
        <h2 class="wh">在线留言</h2>
    </a>
</div>
<!--左侧菜单手机端-->
<a class="float_menu_btn"></a>
<ul class="float_menu visible-xs">
    <li class="index_gray g6"><a>首页</a></li>
    <li class="pro_cur g6"><a>产品列表</a></li>
    <li class="new_gray g6"><a>新闻动态</a></li>
    <li class="project_gray g6"><a>工程案例</a></li>
    <li class="about_gray g6"><a>关于我们</a></li>
</ul>
<a class="shadow"></a>

</body>
</html>